<!DOCTYPE html>
<!-- saved from url=(0061)http://demo.cssmoban.com/cssthemes5/cpts_1076_bpj/single.html -->
<html class="translated-ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Single</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link href="../assets/css/shangpin/style.css" rel="stylesheet" type="text/css" media="all">
	<link href="../assets/css/shangpin/form.css" rel="stylesheet" type="text/css" media="all">
	<link href="../assets/css/shangpin/css.css" rel="stylesheet" type="text/css">

	<!-- start menu -->
	<link href="../assets/css/shangpin/megamenu.css" rel="stylesheet" type="text/css" media="all">
	<link rel="stylesheet" href="../assets/css/shangpin/etalage.css">
	<link type="text/css" rel="stylesheet" charset="UTF-8" href="../assets/css/shangpin/translateelement.css">
	<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
	<!-- Latest jQuery -->
	<script src="../assets/js/jquery-1.12.4.min.js" type="text/javascript"></script>
	<!-- Latest compiled and minified Bootstrap -->
	<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
	<!-- modernizer(HTML5和css的功能检测库) JS -->
	<script src="../assets/js/modernizr-2.8.3.min.js"></script>
	<!-- jquery appear js (一个强大的和敏捷的内容出现在滚动（或其他事件触发）jQuery插件) -->
	<script src="../assets/js/jquery.appear.js"></script>
	<!-- countTo js (图片查看jQuery插件)-->
	<script src="../assets/js/jquery.inview.min.js"></script>
	<!-- jquery mixitup js (图片动态分类效果显示插件)-->
	<script src="../assets/js/jquery.mixitup.js"></script>
	<!-- scrolltopcontrol js -->
	<script src="../assets/js/scrolltopcontrol.js"></script>
	<!-- WOW - 滚动时显示动画 -->
	<script src="../assets/js/wow.min.js"></script>
	<!-- switcher js -->
	<script src="../assets/js/switcher.js"></script>
	<!--注册登录框-->
	<script src="../assets/layer/layer.js" type="text/javascript"></script>
	<!-- scripts js -->
	<script src="../assets/js/scripts.js"></script>
</head>
<body>
<div class="header-top">
	<div class="wrap">
		<div class="logo">
			<a href="#"><img src="../assets/img/logo.png" alt=""style="width:150px;height:50px"></a>
		</div>
		<div class="cssmenu">
			<ul>
				<li class="active"><a href="../index.html"><span style="vertical-align: inherit;">首页</span></a></li>
				<li><a href="shop.html"><span style="vertical-align: inherit;">商店</span></a></li>
				<li><a href="../user/shopping-list.html"><span style="vertical-align: inherit;"><img src="../assets/img/car.png"style="width:25px;height:15px">购物车</span></a></li>
				<li><a href="../user/user.html"><span style="vertical-align: inherit;">我的帐户</span></a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
</div>
<div class="wrap">
	<div class="cont span_2_of_3">
		<div class="labout span_1_of_a1">
			<!-- start product_slider -->
			<ul id="etalage" class="etalage" style="display: block; width: 314px; height: 552px;">
				<li class="etalage_thumb thumb_1 etalage_thumb_active" style="display: list-item; background-image: none; opacity: 1;">
					<a href="http://demo.cssmoban.com/cssthemes5/cpts_1076_bpj/optionallink.html"><img class="etalage_thumb_image" src="../assets/img/book/book1.jpg" style="display: inline; width: 300px; height: 400px; opacity: 0.905076;"></a>
				</li>
			</ul>
			<!-- end product_slider -->
		</div>
		<div class="cont1 span_2_of_a1">
			<h3 class="m_3"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">商品名称</span></span></h3>
			<div class="price_single">
				<span class="actual"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">￥ 6.00/天 </span></span></span>
			</div>
			<div class="btn_form">
				<form>
					<a onclick="shopp()" class="btn btn-default btn-home-bg page-scroll">加入购物车</a>
					<a onclick="logo()" class="btn btn-default btn-home-bg page-scroll">立即租用</a>
				</form>
			</div>
		</div>
		<div class="toogle">
			<h3 class="m_3"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">产品详情</span></span></h3>
			<p class="m_text"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT，sed的直径nonummy NIBH euismod tincidunt UT laoreet dolore麦格纳aliquam ERAT volutpat。</span><span style="vertical-align: inherit;">这就是为什么，在多年都将我来了，谁应nostrud晚会结束ullamcorper suscipit lobortis nisl UT aliquip了她的配方的优势。</span><span style="vertical-align: inherit;">家庭作业或主席团悲坐阿梅德，数字摄影，或任何麦格纳在Vero细胞和组合，只允许资产坐目前nonumy eirmod tempor dolore麦格纳法无。</span><span style="vertical-align: inherit;">南LIBER tempor eleifend选项congue虚无imperdiet隆起ID狴他们是独立的mazim.Unusual我们能够投资，以使烤。</span></span></p>
		</div>
		<div class="toogle">
			<h3 class="m_3"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">产品评论</span></span></h3>
			<p class="m_text"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Lorem存有悲坐阿梅德，consectetuer adipiscing ELIT，sed的直径nonummy NIBH euismod tincidunt UT laoreet dolore麦格纳aliquam ERAT volutpat。</span><span style="vertical-align: inherit;">这就是为什么，在多年都将我来了，谁应nostrud晚会结束ullamcorper suscipit lobortis nisl UT aliquip了她的配方的优势。</span><span style="vertical-align: inherit;">家庭作业或主席团悲坐阿梅德，数字摄影，或任何麦格纳在Vero细胞和组合，只允许资产坐目前nonumy eirmod tempor dolore麦格纳法无。</span><span style="vertical-align: inherit;">南LIBER tempor eleifend选项congue虚无imperdiet隆起ID狴他们是独立的mazim.Unusual我们能够投资，以使烤。</span></span></p>
		</div>
	</div>
</div>
<div class="footer">
	<div class="footer-top">
		<div class="wrap">
			<div class="col_1_of_footer-top span_1_of_footer-top">
				<ul class="f_list">
					<li><span class="delivery"><span style="vertical-align: inherit;">我們的電話：</span></span><span class="orange"><span style="vertical-align: inherit;">（800）000-2587（免费电话）</span></span></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
    function logo() {
        layer.open({
            type: 2,
            title: '登录',
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['500px', '600px'],
            content: ['../logo.html', 'no'], //iframe的url，no代表不显示滚动条
        });
    };
    function shopp() {
        layer.alert("添加成功！");
    }
</script>
</body>
</html>